﻿@model WebVideo.EntityBusiness
@{
    ViewBag.Title = "Thông tin cá nhân";
}
<div class="inner-container" id="inner-container" style="width: 8000px">
    <div class="wrap-widget">
        <div class="inner-widget _7">
            <h1>Thông tin tài khoản</h1>

            <div class="widget _2x3 phone bg-color-orangeDark">
                <div class="widget-content">
                        	<div class="user-wrapper">
                                 @{
                                     string k = "~/Content/Images/Avatar/" + Model.Avatar.ToString();
                                    <div class="avatar"><img src="@Url.Content(k)" alt="" /></div>
                             
                                }
                                <div class="info">
                                	<h4>
                                    	@Model.UserName<br />
                                    	<small>@Model.CompanyName</small>
                                    </h4>
                                </div>
                            </div><!--/ user-wrapper-->
                        	<ul class="nav nav-list">
                            	<li class="active">@Html.ActionLink("Thông tin doanh nghiệp", "InfoUser", "Organization")</li>
                                <li>@Html.ActionLink("Thống kê", "Statistic", "Organization")</li>
                                <li>@Html.ActionLink("Gia hạn hợp đồng", "Contract_Renewals", "Organization")</li>
                            </ul>
                        </div><!--/ .widget-content-->
            </div>
            <!--/ .widget-->


            <div class="widget _5x3 phone bg-color-DarkCyan">
                <div class="hd-tools">
                    <p>Thông tin cá nhân</p>
                    <a class="btn btn-small btn-danger" href="#frmEditInfo" role="button" data-toggle="modal">Sửa</a>
                </div>
                <div class="widget-content">
                    <a href="#frmEditImg" class="pull-right" role="button" data-toggle="modal">
                        <img data-toggle="tooltip" data-placement="top" title="" data-original-title="Click để thay hoặc thêm mới :)" class="img-polaroid" alt="140x140" style="width: 140px; height: 140px;" src="@Url.Content(k)">
                    </a>
                   <dl class="dl-horizontal">
                                <dt>Tên đăng nhập:</dt>
                                <dd id ="UserNameR">@Model.UserName </dd>
                                
                                <dt>Tên doanh nghiệp:</dt>
                                <dd id ="CompanyNameR">@Model.CompanyName</dd>
                                
                                <dt>Email:</dt>
                                <dd id ="EmailR">@Model.Email</dd>
                                
                                <dt>Địa chỉ:</dt>
                                <dd id ="AddressR">@Model.Address</dd>
                                
                                <dt>Số điện thoại:</dt>
                                <dd id ="PhoneNumberR">@Model.PhoneNumber</dd>

                                 <dt>Fax:</dt>
                                <dd id ="FaxR">@Model.Fax</dd>
                                
                   </dl>
                </div>

                <div class="hd-tools">
                    <p>Thay đổi mật khẩu</p>
                    <button class="btn btn-small btn-success" onclick="ThayDoiMatKhau()">Lưu mật khẩu</button>
                </div>
                <div class="form-horizontal widget-content">
                    <p><i><small>Để trống nếu không muốn thay đổi. Mật khẩu ít nhất 6 ký tự chưa các ký tự a-z, A-Z, 0-9 và các ký tự đặc biệt !#$%^&* </small></i></p>
                    <div class="control-group pull-left">
                        <label class="control-label" for="inputPassword">Mật khẩu cũ:</label>
                        <div class="controls">
                            <input type="password" id="inputPassword">
                        </div>
                    </div>
                    <div class="control-group pull-left">
                        <label class="control-label" for="inputPassword">Mật khẩu mới:</label>
                        <div class="controls">
                            <input type="password" id="inputPasswordNew">
                        </div>
                    </div>
                    <div class="control-group pull-left">
                        <label class="control-label" for="inputPassword">Nhập lại mật khẩu mới:</label>
                        <div class="controls">
                            <input type="password" id="inputPasswordRe">
                        </div>
                    </div>
                </div>
                <!--/ .form-horizontal-->
            </div>

        </div>
        <!--/ .inner-widget-->
    </div>
    <!--/ .wrap-widget -->
</div>
<!--/ .inner-container-->
</div><!--/ #container-->
@section occasionalScripts {
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/jquery.min.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/load.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/styles.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/jquery.nicescroll.min.js")" ></script>
}
<script type="text/javascript">
    document.body.className = 'no-js'
    $(document).ready(function () {
        $('li#TaiKhoanCuaBan').addClass('active');
    });
    // kiem tra hinh anh
    function checkField() {
        var image = $("#Image").val();
        if (image == null || image == "") {
            //do nothing
        }
        else {
            var ext = image.substring((Math.max(0, image.lastIndexOf(".")) || image.length) + 1);
            ext = ext.toLowerCase();
            if (ext != "jpg" && ext != "jpeg" && ext != "gif" && ext != "png") {
                $('#MatKhauError').text('Upload file jpg, jpeg, gif, png');
                $('#frmERROR').modal('show');
            }
        }
        return true;
    }

    function ThayDoiMatKhau() {
      
        var PassWord = $('#inputPassword').val();
        var PassNew = $('#inputPasswordNew').val();
        var PassReNew = $('#inputPasswordRe').val();
        if (PassNew.length < 6) {

            $('#MatKhauError').text("Mật khẩu mới phải từ 6 kí tự trở lên");
            $('#frmERROR').modal('show');
            return;
        }
        if (PassNew == PassReNew && PassNew!= "") {
            var getURL = '@Url.Action("ChangePassWord", "Organization")';

            var UserName = $('.getUserNameOr').val();
            $.get(getURL, { "PassWord": PassWord, "NewPass": PassNew }, function (data) {

                if (data == "Complete") {
                    $('#MatKhauError').text("Mật khẩu đã được thay đổi");
                    $('#frmERROR').modal('show');
                    $('#inputPassword').val("");
                    $('#inputPasswordNew').val("");
                    $('#inputPasswordRe').val("");
                }
                else {
                    $('#MatKhauError').text("Mật khẩu không đúng, xin vui lòng thử lại");
                    $('#frmERROR').modal('show');
                }
            });
        }
        else {
            $('#MatKhauError').text("Mật khẩu mới và mật khẩu nhập lại không giống nhau");
            $('#frmERROR').modal('show');
        }
    }

        function ThayDoiThongTinDoanhNghiep() {

        var CompanyName = $('#inputCompanyname').val();
        var Email = $('#inputEmail').val();
        var Address = $('#inputAddress').val();
        var PhoneNumber = $('#inputPhoneNumber').val();
        var Fax = $('#inputFax').val();
        var getURL = '@Url.Action("ChangeInfo", "Organization")';
        $.get(getURL, {"CompanyName": CompanyName, "Email": Email, "Address": Address, "PhoneNumber": PhoneNumber, "Fax": Fax, }, function (data) {

            if (data == "Complete") {
                window.location.href = "@Url.Action("InfoUser", "Organization")"
            }
            else {
                $('#MatKhauError').text("Thây đổi không thành công");
                $('#frmERROR').modal('show');
             }
         });
     }
</script>

    <div id="frmEditInfo" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3>Sửa thông tin Doanh nghiệp</h3>
      </div>
      <div class="modal-body">
        <div class="form-horizontal">
       
            <div class="control-group">
                <label class="control-label" for="inputUser">Tên doanh nghiệp</label>
                <div class="controls">
                  <input type="text" id="inputCompanyname" value ="@Model.CompanyName">
                </div>
            </div>
           <div class="control-group">
                <label class="control-label" for="inputUser">Email</label>
                <div class="controls">
                  <input type="text" id="inputEmail" value="@Model.Email">
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="inputUser">Địa chỉ</label>
                <div class="controls">
                  <input type="text" id="inputAddress" value="@Model.Address">
                </div>
            </div>
             <div class="control-group">
                <label class="control-label" for="inputUser">Số điện thoại</label>
                <div class="controls">
                  <input type="text" id="inputPhoneNumber" value="@Model.PhoneNumber">
                </div>
            </div>
             <div class="control-group">
                <label class="control-label" for="inputUser">Fax</label>
                <div class="controls">
                  <input type="text" id="inputFax" value="@Model.Fax">
                </div>
            </div>
            <div class="control-group">
                <div class="controls">
                  <button  class="btn btn-success" onclick="ThayDoiThongTinDoanhNghiep()" >Lưu</button>
                </div>
            </div>
        </div>
      </div>
    </div><!--/ .frmLogin-->
    <div id="frmEditImg" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3>Cập nhật hình ảnh <small>Hình ảnh nhỏ hơn 2024 kb</small></h3>
      </div>
      <div class="modal-body">
       <form id="formCreate" method="post"  action="ChangeAvatar"   enctype="multipart/form-data" >
        <div class="form-horizontal">
            <div class="control-group">
                <label class="control-label" for="inputUser">Chọn hình ảnh mới:</label>
                <div class="controls">
                  <input id ="Image" name ="Image" type="file">
                </div>
            </div>
            <div class="control-group">
                <div class="controls">
                      <input type="submit" class="btn btn-success" value="Lưu" onclick="return checkField()" />
                    
                </div>
            </div>
        </div>
          </form>
      </div>
    </div><!--/ .frmEditImg-->